.div-flex {
    width: 50%;
    height: 500px;
    background-color: lightgray;
    display: flex;
    /* flex-direction: column-reverse; */
    /* flex-wrap: wrap; */
    justify-content: center;
    /* align-items: flex-end; */
}

.div-flex-item {
    width: 100px;
    height: 100px;
    /* flex-grow: 1; */
}

.div-flex-item:nth-child(odd) {
    background-color: lightpink;
    /* order: 1; */
    flex-grow: 3;
    flex-shrink: 3;
}

.div-flex-item:nth-child(even) {
    background-color: lightgreen;
    /* order: 2; */
    flex-grow: 1;
    flex-shrink: 1;
}